<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<html style="font-size: 50px;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>任务统计</title>	
<link rel="stylesheet" type="text/css" href="<%=path%>/css/aem-h5/aem-h5.css" />
<style>
	.no-data-chart{text-align: center;line-height: 250px;font-size:16px;};
</style>
</head>
<body data-ext-version="1.4.2">
	<div id="app">
		<div>
			<div class="score">
				<div class="title aem-name" style=" text-indent:2em;overflow: hidden;text-overflow: ellipsis;word-break:keep-all;white-space:nowrap;">维生素钙满139减30拉新活动</div>
				<div class="item-wrap">
					<div class="done-task">
						<img
							src=""
							class="total-score-icon">
						<p class="text">转发人数</p>
						<p class="number">
							<span class="share-count">0</span>
						</p>
					</div>
					<div class="total-score">
						<img
							src=""
							class="total-score-icon">
						<p class="text">点击人数</p>
						<p class="number">
							<span class="click-count">0</span>
						</p>
					</div>
					<div class="defeat-opponent">
						<div data-v-27b17b8a="" class="progress-circle" style="position: relative;">
						<img src='data:img/jpg;base64,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
7ORUcF4AAAAASUVORK5CYII=' style="width: .8rem;height: .8rem;position: absolute;"/>
							<svg data-v-27b17b8a="" width="0.8rem" height="0.8rem"
								viewBox="0 0 100 100" version="1.1"
								xmlns="http://www.w3.org/2000/svg">
								<!-- <circle data-v-27b17b8a="" cx="50" cy="50" r="50"
									fill="transparent" class="progress-background"></circle> <circle
									id="defeat-opponent-circle" data-v-27b17b8a="" cx="50" cy="50" r="50" fill="transparent"
									stroke-dasharray="314.1592653589793"
									stroke-dashoffset="94.24777960769381" class="progress-bar"></circle> --></svg>
						</div>
						<p class="text">员工转发占比</p>
						<p class="number">
							<span class="share-percent">0</span>%
						</p>
					</div>
				</div>
			</div>
			<div class="chart-tt">访问趋势</div>
			<div class="click-chart" style="width:100%;height:250px;"></div>
			<div class="chart-tt">分享趋势</div>
			<div class="share-chart" style="width:100%;height:250px;"></div>
		</div>
	</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/3.6.1/echarts.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/marketing/public.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/aem-disk-statistics.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/rem.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript">
var path = "<%=path%>";
//活动id
var aemId = getQueryString("aemId");
var aemName =decodeURI(getQueryString("aemName"));
var accessToken=$.cookie('accessToken');
//aemId = "1016209646073024512";
//aemName = "维生素钙满139减30拉新活动1111111111111111111111111111111";
//accessToken = "9b9fb0035a64992bf26e00b905ec4545";
$(function(){
	aemDiskStatistics.init(accessToken,aemId,aemName).initCount();
	aemDiskStatistics.init(accessToken,aemId,aemName).visitChartLine();
	aemDiskStatistics.init(accessToken,aemId,aemName).shareChartLine();
})
</script>
</html>